#x {
    width: 700px;
    height: 700px;
    margin: auto;
}

.a1 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: blue;
    background-image: url('img/6666666666.png');
    /* border: #d13333 1px solid; */
    margin: -2px 0px;
    background-size: cover;
}

.a2 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: rgb(0, 0, 0);
    background-image: url('img/1111111111.png');
    /* border: #d13333 1px solid; */
    margin: -2px 0px;
}
.a8 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: rgb(206, 179, 179);
    background-image: url('img/555848489.png');
    /* border: #d13333 1px solid; */
    margin: -2px 0px;
}
img {
    width: 49px;
    height: 48px;
    margin: auto;
}
#qwas{
    width: 98%;
    height: 100px;
    display:inline-block;
    text-align:center;
    color: aqua;
    font-size: 100px;
    position:absolute;
    top: 100px;
    left: 0px;
    text-align: center;
}
#vbs{
    width: 200px;
    height: 50px;
    display: block;
    margin: auto;
}
#vbs1{
    width: 200px;
    height: 50px;
    display: block;
    margin: auto;
}
#yui{
    width: 300px;
    height: 100px;
    display:inline-block;
    color: aqua;
    font-size: 30px;
    position:relative;
    top: -200px;
    left: 50px;
}